/* pages/renqi/renqi.wxss */
.box{
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  .top{
    width: 100%;
    height: 800rpx;
    // border: 1px solid red;
    background-color: white;
    swiper{
      height: 70%;
    }
  }
  .topbottom{
    padding: 30rpx;
    box-sizing: border-box;
    .topbottombottom{
      display: flex;
      justify-content: space-between;
      margin-top: 30rpx;
      color: #cc0c0c;
      font-size: 30rpx;
    }
  }
  .bottom{
    width: 100%;
    margin-top: 30rpx;
    // border: 1px solid black;
    background-color: white;
  }
  .zhanwei{
    width: 100%;
    height: 100rpx;
    // background-color: red;
  }
}
.fixed{
  width: 100%;
  height: 100rpx;
  position: fixed;
  bottom: 0rpx;
  background-color: white;
  box-shadow: 10px 10px 20px black;
  display: flex;
  justify-content: space-between;
  .left{
    width: 40%;
    // background-color: red;
    display: flex;
    justify-content: space-around;
    view{
      width: 33%;
      // border-right: 1rpx solid #ccc;
      line-height: 100rpx;
      text-align: center;
    }
  }
  .right{
    width: 60%;
    // background-color: red;
    display: flex;
    justify-content: space-around;
    view{
      width: 50%;
      border-right: 1rpx solid #ccc;
      border-left: 1rpx solid #ccc;
      line-height: 100rpx;
      text-align: center;
    }
  }
}
.popup-top{
  width: 100%;
  height: 200rpx;
  // background-color: red;
  padding: 25rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #ccc;
  display: flex;
  justify-content: space-between;
  .popup-top-center{
    margin-top: 20rpx;
  }
}
.popup-center{
  width: 100%;
  margin-top: 20rpx;
}
.btn{
  width: 200rpx;
  height: 40rpx;
  border: 1rpx solid #ccc;
  line-height: 50rpx;
  text-align: center;
  border-radius: 10rpx;
  font-size: 30rpx;
  display: inline-block;
  margin-right: 20rpx;
}
.active{
  border: 1rpx solid #b7282e;
}
.num{
  margin-top: 20rpx;
  width: 100%;
  height: 80rpx;
  border: 1rpx solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .numn{
    view{
      width: 50rpx;
      height: 50rpx;
      background-color: #f8f8f8;
      margin-left: 10rpx;
      line-height: 50rpx;
      text-align: center;
    }
  }
}